import { Layout ,Breadcrumb,Divider, Card ,Col, Row  } from 'antd';
import '../Navi/header.css';
import Zmage from 'react-zmage'
import zhuye1 from '../statis/img/zhuye1.png';  //es6引入图片
import zhuye2 from '../statis/img/zhuye2.png';  //es6引入图片
import zhuye3 from '../statis/img/zhuye3.png';  //es6引入图片
import zhuye4 from '../statis/img/zhuye4.png';  //es6引入图片
import zhuye5 from '../statis/img/zhuye5.png';  //es6引入图片
import zhuye6 from '../statis/img/zhuye6.png';  //es6引入图片
import zhuye7 from '../statis/img/zhuye7.png';  //es6引入图片
import zhuye8 from '../statis/img/zhuye8.png';  //es6引入图片
import zhuye9 from '../statis/img/zhuye9.png';  //es6引入图片
import zhuye10 from '../statis/img/zhuye10.png';  //es6引入图片
import zhuye11 from '../statis/img/zhuye11.png';  //es6引入图片
import React, { Component } from 'react';
const { Content } = Layout;
const { Meta } = Card;
export default class BodyIndex extends  Component{
    render(){
        return(
            <Layout className="layout">
            <Content style={{ padding: '0 50px' }}>
                <Breadcrumb style={{ margin: '16px 0' }}>
                    <Breadcrumb.Item>广州粤成印刷有限公司</Breadcrumb.Item>
                    <Breadcrumb.Item>企业简介</Breadcrumb.Item>
                </Breadcrumb>
                <div id="div1" style={{ background: '#fff', padding: 24, minHeight: 675}} >
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;广州市粤成印刷有限公司是一家综合型工厂，机器设备齐全一直秉承“诚信合作、共谋发展”</div>
                    <div>的经营理念，不断迈向更高的顶点。我们的服务客户宗旨是：“为客户省时，省力，省成本”。竭诚为各界客户服务，赢得各界的好评。</div>

                    <Divider />
                    <div style={{ background: '#ECECEC', padding: '30px' }}>
                        <Row gutter={16}>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage  alt="example" src={zhuye1}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage alt="example" src={zhuye2}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage alt="example" src={zhuye3}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage alt="example" src={zhuye4}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage alt="example" src={zhuye5}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage alt="example" src={zhuye6}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                        </Row>
                        <Row gutter={16}>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage alt="example" src={zhuye7}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage alt="example" src={zhuye8}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage alt="example" src={zhuye9}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage alt="example" src={zhuye10}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage alt="example" src={zhuye11}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                            <Col span={4}>
                                <Card  hoverable style={{width: 240}}   cover={<Zmage alt="example" src={zhuye4}/>}>
                                    <Meta title="title" description="description" />
                                </Card>
                            </Col>
                        </Row>
                    </div>
                </div>
            </Content>
            </Layout>
        )
    }
}